<template>
	<view>
		<nav-custom :name="title"></nav-custom>
		<view class="list">
			<view class="black_f_40 font_w_bold bor_bot">
				用户使用中，剩余<text class="blue_f_40">1</text>月<text class="blue_f_40">28</text>天
			</view>
			<view class="back bor_bot dis_f_sb_c">
				<image class="a_img" :src="url+'/logo.png'" mode=""></image>
				<view class="l_right">
					<view>
						<view class="dis_f_sb_c mar_b_8">
							<view class="black_f_32 font_w_bold">贵AT5V52</view>
							<view class="black_s_28">￥1000</view>
						</view>
						<view class="grey_f_28">租期：2月</view>
					</view>
					<view class="dis_f_r_c">
						<view class="mar_r_16">
							<text class="grey_h_28">优惠</text>
							<text class="black_f_28">￥50.05</text>
						</view>
						<view>
							<text class="grey_h_28">合计</text>
							<text class="orange_f_28">￥2000</text>
						</view>
					</view>
				</view>
			</view>
			<view class="back bor_bot">
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">车架号</view>
					<view class="black_f_28">LVGBF53K0BG007588</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">提车码</view>
					<view class="black_f_28">556201</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">租车类型</view>
					<view class="black_f_28">月租</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">租用月数</view>
					<view class="black_f_28">2月</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">所在地区</view>
					<view class="black_f_28">贵州省贵阳市南明区</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">详细地址</view>
					<view class="black_f_28">花果园金融街一号楼1824</view>
				</view>
				<view class="dis_f_sb_c">
					<view class="black_s_28">联系电话</view>
					<view class="black_f_28">175****2100</view>
				</view>
			</view>
			<view class="back bor_bot">
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">押金</view>
					<view class="black_f_28">￥20.05</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">租金</view>
					<view class="black_f_28">￥2000</view>
				</view>
				<view class="dis_f_sb_c bor_b_bot">
					<view class="black_s_28">优惠</view>
					<view class="black_f_28">￥50.05</view>
				</view>
				<view class="dis_f_sb_c">
					<view class="black_s_28">合计</view>
					<view class="orange_f_28">￥2000.05</view>
				</view>
			</view>
			<view class="back bor_bot">
				<view class="dis_f_sb bor_b_bot">
					<view class="black_s_28">订单编号</view>
					<view class="dis_f_r_c">
						<view class="black_f_28 mar_r_16">{{order}}</view>
						<view class="blue_f_28" @click="copy()">复制</view>
					</view>
				</view>
				<view class="dis_f_sb bor_b_bot">
					<view class="black_s_28">创建时间</view>
					<view class="black_f_28">2022-02-10 20:30:56</view>
				</view>
				<view class="dis_f_sb bor_b_bot">
					<view class="black_s_28">付款时间</view>
					<view class="black_f_28">2022-02-10 20:31:26</view>
				</view>
				<view class="dis_f_sb">
					<view class="black_s_28">提车时间</view>
					<view class="black_f_28">2022-02-10 20:31:26</view>
				</view>
			</view>
		</view>
		<image class="bo_js_er_img" :src="url+'/image/zcxian.png'" mode=""></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: " ",
				order:"20225113215554",
				url:'',
			}
		},
		onShow() {
			this.url=this.$.ajax_url3
		},
		methods: {
			copy() {
				uni.setClipboardData({
					data: this.order
				});
			}
		}
	}
</script>

<style lang="scss">
	.a_img {
		width: 200rpx;
		height: 200rpx;
	}

	.l_right {
		width: 414rpx;
		height: 200rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
</style>